<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收藏</title>
</head>
<body class="coll">
  <main class="main">
    
    <div class="pyqItem">
      <!-- 第一行用户信息 -->
      <div class="user">
        <div class="user_detial">
          <img src="../../assets/imgs/dog.jpg" alt="">
          <div class="user_position">
            <span>小李</span>
            <span>xx省xx市</span>
          </div>
        </div>
        <button>+关注</button>
      </div>
      <!-- 第二行pyq内容 -->
      <div class="content">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magnam iste mollitia aliquid
        voluptates autem a obcaecati accusamus tempora eius, tempore voluptatibus error omnis veniam. Alias porro
        deleniti harum ad vel.</div>
      <!-- 第三行图片:一张图片 -->
      <div class="onePic">
        <img src="../../assets/imgs/adv_banner3.jpg" alt="">
      </div>
      <!-- 最后一行点赞评论 -->
      <div class="endLine">
        <p class="hour">
          <span>4</span>
          <span>小时之前</span>
        </p>
        <p>
          <span class="iconfont icon-dianzan">9999</span>
          <span class="iconfont icon-caozuo-pinglun">9999</span>
        </p>
      </div>
    </div>

    <div class="pyqItem">
      <!-- 第一行用户信息 -->
      <div class="user">
        <div class="user_detial">
          <img src="../../assets/imgs/dog.jpg" alt="">
          <div class="user_position">
            <span>小李</span>
            <span>xx省xx市</span>
          </div>
        </div>
        <button>+关注</button>
      </div>
      <!-- 第二行pyq内容 -->
      <div class="content">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magnam iste mollitia aliquid
        voluptates autem a obcaecati accusamus tempora eius, tempore voluptatibus error omnis veniam. Alias porro
        deleniti harum ad vel.</div>
      <!-- 第三行图片:多张图片 -->
      <div class="morePic">
        <img src="../../assets/imgs/adv_banner3.jpg" alt="">
        <img src="../../assets/imgs/adv_banner3.jpg" alt="">
        <img src="../../assets/imgs/adv_banner3.jpg" alt="">
        <img src="../../assets/imgs/adv_banner3.jpg" alt="">
        <img src="../../assets/imgs/adv_banner3.jpg" alt="">
        <img src="../../assets/imgs/adv_banner3.jpg" alt="">
      </div>
      <!-- 最后一行点赞评论 -->
      <div class="endLine">
        <p>
          <span>4</span>
          <span>小时之前</span>
        </p>
        <p>
          <span class="iconfont icon-dianzan">9999</span>
          <span class="iconfont con-caozuo-pinglun">9999</span>
        </p>
      </div>
    </div>
  </main>
</body>
</html>